<template>
	<view class="text">
		{{text}}
	</view>
</template>

<script>
	export default {

		props: {

			text: {
				type: String,
				default: "",
			}
		},
		data() {

			return {}
		}
	}
</script>

<style lang="scss" scoped>
	.text {
		font-size: 12px;
		color: #ccc;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-height: 20px;
	}
</style>